.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
* {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}
a {
    text-decoration: none;
}
.box {
    display: -webkit-flex;
    display: flex;
}

.padding(@top, @right, @bottom, @left) {
    .px2rem(padding-top,@top);
    .px2rem(padding-right,@right);
    .px2rem(padding-bottom,@bottom);
    .px2rem(padding-left,@left);
}
.margin(@top, @right, @bottom, @left) {
    .px2rem(margin-top,@top);
    .px2rem(margin-right,@right);
    .px2rem(margin-bottom,@bottom);
    .px2rem(margin-left,@left);
}
.pl(@pl) {
    .px2rem(padding-left,@pl);
}
.pr(@pr) {
    .px2rem(padding-right,@pr);
}
.pt(@pt) {
    .px2rem(padding-top,@pt);
}
.pb(@pb) {
    .px2rem(padding-bottom,@pb);
}
.ml(@ml) {
    .px2rem(margin-left,@ml);
}
.mr(@mr) {
    .px2rem(margin-right,@mr);
}
.mt(@mt) {
    .px2rem(margin-top,@mt);
}
.mb(@mb) {
    .px2rem(margin-bottom,@mb);
}
.w(@width) {
    .px2rem(width,@width);
}
.h(@height) {
    .px2rem(height,@height);
}
.lh(@lh) {
    .px2rem(line-height,@lh)
}
.fz(@fz) {
    .px2rem(font-size,@fz)
}
.main{
   .pt(128);
   .pb(146);
   .tou{
       .h(100);
       ul{
           .box();
           justify-content: center;
           
           li{
              .w(212);
              .h(83);
              .ml(23);
              .mr(23);
              .mt(15);
              border-radius: 5px;
              text-align: center;
             .lh(83);
              .fz(40);
              
              color:  #969696;
              border: 1px solid #ccc;
              background: #e8e8e8; 
           }
       }
   }
   #ul li.active{
        background:linear-gradient(#f83636,#d01312) ;
        color:#fff;
    }
   .content{
       .one{
           display: none;
           .nav{
               .h(228);
               .mt(70);
                              .box();
               flex-direction: column;
               label{
                  .pl(42); 
                  .fz(40);
                  .pt(28);
                  color: #606060;
                  input{
                      border: none;
                      .w(536);
                      .h(84);
                      border: 1px solid #ccc;
                      border-radius: 10px;
                      .pl(15);
                  }
               }
           }
           .check{
               .h(150);
               
               ul{
                   .mt(32);
                    .box();
               justify-content:space-around;
                 li{
                   .pt(100);
                   .fz(34);
                   color:  #ababab;
                   
                  
               }  
               }
              
           }
           .deng{
               li:nth-child(1){
                   .w(536);
                   .h(86);
                   border: 1px solid #cc0909;
                   background: linear-gradient(#f93536,#d21414);
                   color: white;
                   .ml(105);
                   text-align: center;
                   .lh(86);
                   border-radius:10px;
                   .fz(40);
               }
                li:nth-child(2){
                    .pt(33);
                    .pl(400);
                    .fz(28);
                    color:  #bd2828;
                }
           }
       }
     
          
       
       .three{
           display: none;
           ul{
           li{
          .h(256);

           border-bottom: 1px solid #ccc; 
           .box();
           .left{
               width:36%;
               img{
                   .w(237);
                   .h(193);
                   .pt(30);
                   .pl(20);
                   .pr(30);
                   .pb(33);
               }
               
           }
          
           .right{
             flex: 1;
               p:nth-child(1){
                   display: block;
                   .fz(42);
                   .pt(31);
                   .pb(31);
                   
                   font-weight:bold;
                    
               }
               p:nth-child(2){
                   .fz(30);
                  
                   
                 
                    
               }
       }
           }
       }
   }
   .four{
       display: none;
          ul{
       
       li{
          .h(247);

           border-bottom: 1px solid #ccc; 
           .box();
           .left{
               width:37%;
               img{
                   .w(237);
                   .h(193);
                   .pt(30);
                   .pl(20);
                   .pr(30);
                   .pb(33);
               }
               
           }
           .center{
               flex: 1;
               p:nth-child(1){
                  
                   display: block;
                   .fz(42);
                   .pt(70);
                    .pb(23);
                   
                   font-weight:bold;
                    
               }
                p:nth-child(2){
                  
                   .fz(32);
                   span{
                      color: #fe9300; 
                   }
                  
                   
                 
                    
               }
           }
           .right{
               
               width:25%;
               .btn{
                 border: none;
                 background: none;
                 .w(157);
                 .h(75);
                 background: #e4e4e4;
                 color: #6c6c6c;
                 .fz(30);
                 text-align: center;
                 .lh(75);
                 border-radius: 10px;
                 .mt(77);
                 
               }
               
           }
       }
   }
     
   }
}
}
